/*
  学习目标：声明状态, 获取状态
  注意：💥 早期只要class组件才能声明状态
*/

import React, { Component } from 'react';

export default class App extends Component {
  // 1. state是固定属性，必须写死
  // 1.1 state的值要求是一个对象， 对象的键就是数据变量
  state = {
    count: 100,
    msg: 'hello React',
  };

  render() {
    console.log('this  ----->  ', this);

    return (
      <div>
        {/* 2. 通过this.state.count */}
        <h1>{this.state.count}</h1>
        <h2>{this.state.msg}</h2>
      </div>
    );
  }
}
